<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>文字加粗-方式一使用英语单词进行属性值描述</title>
	<style>
		
		div{

			color: red;
			font-size: 28px;
			font-family: '微软雅黑';

			/*文字的加粗 之前学习 b strong 加粗 起一个强调*/

			/*700 数字也是加粗的效果，但是没有单位 700 == bold 等价 加粗*/
			font-weight: 700;


		}

		b{
			/*不要加粗 可以把 b 或者 strong 默认的加粗效果去掉*/
			/* 400 就是代表不要加粗 400 == normal 等价*/
			font-weight: 400;
		}


		strong{
			font-weight: 400;
		}

	</style>	

</head>
<body>

	<h2>文字加粗-方式二使用数字进行属性值描述</h2>

	<b>强调</b> <strong>强调</strong>

	<p>在做前端网页的时候，我们需要注意： HTML只负责结构，而不建议里面融合样式</p>
	<!-- 结构样式相分离，为了方便日后项目做大后代码的复用。 网页 html 布局 css样式美观 -->

	<div>
		文本信息
		文本信息
		文本信息
		文本信息
	</div>
</body>
</html>